/* 
    Document   : joc-cms.css-framework
    Created on : Jun 29, 2011, 3:09:54 PM
    Author     : javier.camelis
    Description:
        Purpose of the stylesheet follows.
*/
* {
    margin : 0px ;
    padding : 0px ;
    
}
body {
    font-family: Verdana,Arial,Helvetica,sans-serif ;
    font-size: 12px ;
}
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
    display : block ;
}
h1 {
	font-size : 1.8em ;
	padding : 0.1em ;
}
h2 {
  font-size : 1.6em ;
}
h3 {
  font-size : 1.5em ;
}
h4 {
  font-size : 1.4em ;
}
h5 {
  font-size : 1.3em ;
}
h6 {
  font-size : 1.2em ;
}
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    line-height:0px;
    font-size:0px;
}
img { 
    border:none;
    vertical-align:top;
}
ul , ol  {
	list-style : none ;
}
a , a:hover , a:visited {
	text-decoration : none ;
}
div[data-dropcontainer="true"] {
  width : 100% ;
  min-height: 25px ;
  border : solid 1px blue ;
}
.wrapper {
    margin : 0px auto ;
}
.two_cols .col ,.three_cols .col {
    display : inline-block ;
    vertical-align: top ;
}
/* Effect 1 : Similar to twitter tools while hover the twits */
.effect-1:hover .item .list .list-item {
  display : inline ; /* or inline block */
}
.effect-1 .item .list{ 
  display : none ;
}
.effect-1:hover > .list {
  display : block ; /* or inline */
}
.effect-1 .list-item {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.effect-1:hover .item {
  opacity: 0.4;
}
.effect-1:hover .item:hover {
  opacity: 0.8; 
}
.effect-1:hover .item:hover .list {
  display : inline ;
}
.effect-1:hover .item:hover .list .list-item {
  opacity: 0.8;
}
.effect-1:hover .item:hover .list:hover .list-item {
  opacity: 0.4;
}
.effect-1:hover .item:hover .list:hover .list-item:hover {
  opacity: 1;
}
.joc_cms_state {
	position : fixed ;
	height : 25px ;
	padding: 5px ;
	text-align : center ;
	top : 0px ;
	right : 20px ;
	width : 300px ;
	z-index : 99999 ;
  -moz-box-shadow: inset 0 0 5px 5px #eee;
  -webkit-box-shadow: inset 0 0 5px 5px#eee;
  box-shadow: inset 0 0 5px 5px #eee;
}
/* Style  printing */
@media print{
  .joc_cms_no_print {
    display : none ;
	}
	a:after {
	   content : " (" attr(href) ")" ;
	   font-size : 0.9em ;
	}
}